<script setup>
    defineProps({
        title:{
            required:true,
            type:String
        },

    })
</script>

<template>
    <el-card class="page-container">
        <!-- 文章分类页面 -->
      <template #header>
        <div class="header">
          <span>{{ title }}</span>
          <div class="extra">
            <!-- 具名插槽 -->
             <slot name="extra"></slot>
          </div>
        </div>
      </template>
       <!-- 普通插槽 -->
    
      <slot></slot>
    </el-card>
  </template>

  <style lang="scss" scoped>
  .page-container{
    min-height:100%;
    box-sizing:border-box;
    .header{
        display:flex;
        justify-content: space-between;
        align-items:center;
    }
  }
</style>